<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!-- <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"> -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>交警总队普法答题有奖活动</title>
	<link rel="stylesheet" href="__PUBLIC__/css/mui.min.css">
	<link rel="stylesheet" href="__PUBLIC__/css/iconfont.css">
	<script src="__PUBLIC__/js/mui.min.js"></script>
	<!-- <script src="__PUBLIC__/js/jquery-3.4.1.js"></script>-->
	<style>
		.mui-content{
			position: absolute;
			width: 100%;
			height: 100%;
			background: url(__PUBLIC__/image/backg.jpg) no-repeat;
			background-size: 100% 100%;
		}
		#head{
			color: white;
		}

		#panel {
			position: fixed;
			background-color: rgb(0,153,204);
			right: 0;
			top: 12%;
			height: 41px;
			line-height: 42px;
			width: 95px;
			z-index: 100;
			border-radius: 40px 0px 0px 40px;
			text-align: center;
			font-size: 14px;
		}
		#inner>span>p>a {
			color: white;
		}

		#lpanel {
			position: fixed;
			background-color: rgb(0,153,204);
			left: 0;
			top: 12%;
			height: 41px;
			line-height: 42px;
			width: 95px;
			z-index: 100;
			border-radius: 0px 40px 40px 0px;
			text-align: center;
			font-size: 14px;
		}
		#linner>span>p>a {
			color: white;
		}

		#scroll{
			margin-top:44px;
			color: white;
			font-size: 14px;
		}

		.mui-popover-arrow {
			left: auto;
			right: 6px;
		}

		.mui-popover {
			height: 300px;
		}

		.register img{
			position: absolute;
			width: 32%;
			height: 7%;
			z-index: 1;
			top: 43%;
			left: 34%;
		}

		.login img{
			position: absolute;
			width: 32%;
			height: 7%;
			z-index: 1;
			top: 55%;
			left: 34%;
		}

		.start img{
			position: absolute;
			width: 32%;
			height: 7%;
			z-index: 1;
			top: 67%;
			left: 34%;
		}
	</style>
</head>
<body>
	<div class="mui-content">
		<div id="panel" draggable="true">
			<div id="inner">
				<span class="mui-tab-label" >
					<p style="text-indent: 0;">
						<a href="#middlePopover">游戏规则</a>
					</p>
				</span>
			</div>
		</div>
		<div id="lpanel" draggable="true">
			<div id="linner">
				<span class="mui-tab-label" >
					<p style="text-indent: 0;">
						<a href="#lmiddlePopover">积分</a>
					</p>
				</span>
			</div>
		</div>

		<header class="mui-bar mui-bar-nav" style="background-color: rgb(0,153,204);">
			<!-- <span class="mui-icon iconfont icon-laba"></span> -->
	        <h1 class="mui-title" id="head" >普法答题有奖活动</h1>
	    </header>
		<div>
			<!-- <span class="mui-icon iconfont icon-laba"></span> -->
			<marquee id = "scroll"
			onMouseOver=this.stop()
			onMouseOut=this.start()
			align= "absmiddle"
			behavior="scroll"
			>
				<!-- bgcolor="#0099CC" 价值80元的头盔剩1000顶，价值100元的一年期保险剩200份，价值200元的两年期保险剩200份 -->
			</marquee>
		</div>
		<div class="register">
			<img src="__PUBLIC__/image/registerBtn.png" alt="注册账号" id="register" />
		</div>

		<div class="login">
			<img src="__PUBLIC__/image/loginBtn.png" alt="用户登录" id="login" />
		</div>

		<div class="start">
			<img src="__PUBLIC__/image/startBtn.png" alt="开始游戏" id="start" />
		</div>

		<!-- 游戏规则 -->
		<div id="middlePopover" class="mui-popover" style="height: auto; width:90%; padding: 0px 0px;">
			<div class="mui-popover-arrow"></div>
			<img src="__PUBLIC__/image/rule.png" alt="游戏规则" style="width: 100%;">
		</div>
		<!-- 积分 -->
		<div id="lmiddlePopover" class="mui-popover" style="height: auto; width:50%; padding: 0px 0px;">
			<div class="mui-popover-arrow"></div>
			<div class="mui-card" id="kong">
				<!-- <div class="mui-card-header" id="dayScore" >今日得分： 15</div>
				<div class="mui-card-header" id="totalScore">累计得分： 20</div> -->
				<!-- <h4>请登录</h4> -->
        	</div>
		</div>
	</div>
</body>
<script>
	alert("活动结束");
	// // alert("奖励头盔一顶，于3月26日前往湖南人民广播电台领取");
	// function rtrim(str) {
	// 	var lastIndex = str.lastIndexOf(',');
	//     if (lastIndex > -1) {
	//         str = str.substring(0, lastIndex);
	//     }
	//     return str;　　
	// }
	// byId = function(id){
	// 	return document.getElementById(id);
	// }
	// mui.ajax('/answer/public/index.php/prizestock',{
	// 	dataType:'json',
	// 	type:'post',
	// 	timeout:10000,
	// 	success:function(response_data){
	// 		// console.log(response_data);
	// 		var datas = response_data['data'];
	// 		let marquee = '<span class="mui-icon iconfont icon-laba"></span> ';
	// 		for(var i = 0; i < datas.length; i++){
	// 			marquee += datas[i]['prizeName']+"剩"+(datas[i]['prizeTotal']-datas[i]['prizeOut'])+"份，";
	// 		}
	// 		// marquee = rtrim(marquee);
	// 		// console.log(marquee);
	// 		document.getElementById('scroll').innerHTML = marquee;
	// 	}
	// });
	// mui.ajax('/answer/public/index.php/score',{
	// 	dataType:'json',
	// 	type:'post',
	// 	timeout:10000,
	// 	success:function(response_data){
	// 		// console.log(response_data);
	// 		if(response_data){
	// 			var datas = response_data['data'];
	// 			byId('kong').innerHTML = '<div class="mui-card-header">今日得分：'+datas.dayScore+'</div>'
	// 									+'<div class="mui-card-header">累计得分：'+datas.totalScore+'</div>'+
	// 									'<div class="mui-card-header"><a href="http://hngsjc.cn/answer/public/index.php/pgame">刷新领奖状态</a></div>';
	// 		}else{
	// 			byId('kong').innerHTML = "<h4>请登录</h4>";
	// 		}
	// 	}
	// });
	// // $("#register").click(function(){
	// // 	console.log("用户注册");
	// // 	window.location.href = "/answer/public/index.php/pregister";
	// // });
	// byId("register").onclick = function(){
	// 	window.location.href = "/answer/public/index.php/pregister";
	// }
	//
	// // $("#login").click(function(){
	// // 	console.log("用户登录");
	// // 	window.location.href = "/answer/public/index.php/plogin";
	// // });
	// byId("login").onclick = function(){
	// 	window.location.href = "/answer/public/index.php/plogin";
	// }
	//
	// // $("#start").click(function(){
	// // 	console.log("我要答题");
	// // 	// 答题之前要判断用户是否登录
	// // 	// 请求答题数据，在获取答题数据之前，系统判断用户登录情况
	// // 	mui.ajax('/answer/public/index.php/checklogin',{
	// // 		dataType:'json',//服务器返回json格式数据
    // //         type:'post',//HTTP请求类型
    // //         timeout:10000,//超时时间设置为10秒；
    // //         success:function(data){
    // //             // console.log(data);
    // //             if(data.message == "已登录"){
    // //             	console.log("登录中");
    // //             	mui.ajax('/answer/public/index.php/checkchange',{
    // //             		dataType:'json',
    // //             		type:'post',
    // //             		success:function(response_data){
    // //             			if(response_data['status'] == 0){
	// // 							window.location.href = "/answer/public/index.php/pgame";
    // //             			}else{
    // //             				alert("今日无答题机会");
    // //             			}
    // //             		}
    // //             	});
    // //             }else{
	// //                 mui.toast("请重新登录");
	// //                 window.setTimeout("window.location.href = '/answer/public/index.php/plogin'",1000);
    // //             }
    // //         },
    // //         error:function(xhr,type,errorThrown){
    // //             console.log(type);
    // //         }
	// // 	});
	// // });
	//
	// byId("start").onclick = function(){
	// 	// 答题之前要判断用户是否登录
	// 	// 请求答题数据，在获取答题数据之前，系统判断用户登录情况
	// 	mui.ajax('/answer/public/index.php/checklogin',{
	// 		dataType:'json',//服务器返回json格式数据
	// 		type:'post',//HTTP请求类型
	// 		timeout:10000,//超时时间设置为10秒；
	// 		success:function(data){
	// 			// console.log(data);
	// 			if(data.message == "已登录"){
	// 				console.log("登录中");
	// 				mui.ajax('/answer/public/index.php/checkchange',{
	// 					dataType:'json',
	// 					type:'post',
	// 					success:function(response_data){
	// 						if(response_data['status'] == 0){
	// 							window.location.href = "/answer/public/index.php/pgame";
	// 						}else{
	// 							alert("今日无答题机会");
	// 						}
	// 					}
	// 				});
	// 			}else{
	// 				mui.toast("请重新登录");
	// 				window.setTimeout("window.location.href = '/answer/public/index.php/plogin'",1000);
	// 			}
	// 		},
	// 		error:function(xhr,type,errorThrown){
	// 			console.log(type);
	// 		}
	// 	});
	// }
</script>
</html>
